<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <p>{{message}}</p>
        <input type="text" v-model="message"/><br>
        <textarea name="" id="" cols="30" rows="10" v-model="message"></textarea><br>
        单个复选框：<input type="checkbox" v-model="message"><br>
        多个复选框：
        A<input type="checkbox" v-model="checkBoxMsg" value="A"/>
        B<input type="checkbox" v-model="checkBoxMsg" value="B"/>
        C<input type="checkbox" v-model="checkBoxMsg" value="C"/>
    -->{{radioMsg}}<br>
        下拉框multiple支持多选
        <select name="" id="" v-model="selectMsg">
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
        </select>    
    -->{{selectMsg}}<br>
    复选框<input
    type="checkbox"
    v-model="checkBoxMsg1"
    true-value="是" false-value="否"/>-->{{checkBoxMsg1}}<br>
    下拉框
    <select name="" id="" v-model="selectMsg">
        <option value="opt.value" v-for="opt in selectOptions">{{opt.text}}</option>
    </select>
-->{{selectMsg}}<br>
    <input type="text" v-model.lazy="message"/><p>{{message}}</p>
    <input type="text" v-model.number="message"/><p>{{typeof message}}</p>
    <input type="text" v-model.trim="message"/><p>{{message.length}}</p>
    </div>
</body>
<script src="https://unpkg.com/vue@next"></script>
<script>
    const app=Vue.createApp({
        data(){
            return{
                message:'hello Vue.js',
                checkBoxMsg:[],
                radioMsg:'',
                selectMsg:'',
                checkBoxMsg1:'是',
                selectOptions:[
                    {text:'A',value:{content:'A'}},
                    {text:'B',value:{content:'B'}},
                    {text:'C',value:{content:'C'}}
                ]
            }
        }
    })
    const vm=app.mount("#app")
</script>
</html>